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The General Objectives of Computer 


Atthe end of the secondterm the student will be ableto: 


e Providing students with the appropriate amountof scientific and 
basic knowledge and skills related to informationtechnology. 
e Develop basic scientific thinking skills with afocus on modern 
technological skills through their interaction with the computer. 
^ € Training students to workin ateam by practicing computer 
techniques. 

e Developing self-education skills in orderto access the correct 
information by themselves through the use of computers. 

e Developing students awareness ofthe importance of using 
computers in all areas of life. 

e Students appreciation of the role that computers play in 
problem solving. 

e Students familiarize themselves with the computer and deal 
with its programs without intimidation. 

e Developing the Egyptian personality capable of facing the 
challenges of the third millennium in the technology and 
information revolution. 

e Acquiring the right ethics and behaviors in dealing with others 
through the means and tools of information and communication 
technology. 


Teacher Supervisor School Principal 
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The specified objectives of computer 
Atthe end ofthe second term the student will be able to: 

U Knows the problem Definition 

U Defines the stages of problem solving stages 

പ Writes the steps to solve the algorithmic problem 

L] draws a flow chart that expresses the steps ofthe solution 

LJ. Explain whatis meant by programming language 

ü Learn what Visual Basic.NET is 

പ Defines the most important components of the IDE display 

പ Lists whatthe .NET framework provides 

U Recognize the properties window Properties window 

Ll selects the property Property appropriate. 

L] Choosethe appropriate value forthe property Property 

LI differentiate between properties Properties that distinguish 

each control tool 

പി Handles the code window Code Window 

U Defines whatis meant by an event handler Event handler 

U sets Controls properties__ Programmatically 


Teacher Supervisor School Principal 
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nit One (Problem Solving) 
Lesson (1) Problem Solving 


Lesson objectives:  Bythe end ofthe lesson, the student should be able to: 
e Known problem Definition 
e Specifies stages of problem solving 
e Find solutions to some life problems 


Warm up: What are your steps to solve a problem ? 


;  LessonPresentation ; 
Q Problem definition: Problemisasituationthatrequires a solution or an objective 
you wantto achieve through following consecutive steps sequentially. 
M Problem solving: Problem Solving is the steps, activities, and processesto be 
doneto reach an output or objective. 
6 Problem solving stages: 
(1) Problem Definition: - Problem definition impliesthe identification of required 
outputs, available inputs and, arithmetic and logical operations to be executed. 
(2)Algorithm Preparation: - Algorithm is one ofthe methods usedto solve a problem 
through logically arranged procedures (Flowchart). 
(3)Program Design: - Having drawna “Flowchart” tosolve the problem, using a computer; 
we havetotranslatethis flowchart into one ofthe programming language 
(4) Program Testing: - During writinga program we unintentionally make some mistakes 
e.g. writing a minus sign ( -) instead of (+). We cannot detect errors unless we begin 
entering datatothe program with previously known results; and comparethe results 
ofthe current programtothose ofthe well-known results and so you can discoverthe 
errors and correctthem. 
(5) Documentation: - Thisstep includes writing allsteps taken for solving the problem 


thatinclude: given Input, output, planforsolvingthe problem, drawn 
flowchart, programming language used for coding, instructions, date of last 


modification ofthe program and, people who contributetothe program ie j 

| SESS I 
development process. T 
Evaluation: X Complete:...................... records allthe steps to solve the problem 


Prepared and Designed by/ Yasmin Shoaeb - jaxa3iall jigssa Sl coal 5 )à 19) 


war! Se 
Date LA 


Session 
Class 


Dialogue and discussion - 
Brainstorming- cooperative learning 
Teachingaids Electronic board - Datashow 


ÉnitÓne (Problem Solving) 
Lesson (2) Flow Chart 


Lesson objectives: Bythe end ofthe lesson, the studentshould be ableto: 
e Know Flow chart. 
e Listflow chartinstructions. 


^ e Drawflow chartincorrectly. 
Warm up: What's aFlow Chart? ._._._._._. = 
"T Lesson Presentation | 
മ  Itisadiagramthat uses standard graphical symbols to illustrate the sequence of steps 
, ® © | required for solving a problem or specific question. 


. Some advantages of Flowcharts: 
$*. 1 Facilitating the reading and understanding ofthe problem and illustrating tothe 
-* * programmer what must be done. 
e. “a! 2. Usefulto explain the program to others 
i 3. helping in documenting the program in better manner, especially if the programis 
' complicated 


> EH The most commonly used symbols as shown in the table: 


Í Significance Symbol 


Terminal m 
Frou c= 


(input 3455 


(process) C- 
(Decision) <> 
(Flowlines) 1 l > <— 


LLI To constructa flowchart, we should consider the following: 

1. The flowchart should start with the Start symbol and end with the End symbol. 

2. A,B,C are variable names .The variable refers to a memory storage that holds a value. 

3. Equation: C =A+B, indicates the sum ofthe value of A, to the value of B, and stores the 
resultin C. 

4. Entering values in A and Bis done by using the term "Enter", inside a parallelogram, 
like “Read” or “Input”. 
Draw aflow chartto )\(Exercise Sum two numbers to be entered and show the result 
Look Student's book p.9 

w Exercise (2) DrawaFlowchartto solve a first degree equation Look Student's book p.10 


a Evaluation: Complete: ............... Itis a diagram that uses standard graphical symbols 


— 
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nit One (Problem Solving) 
Lesson (3) Branching 
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Lesson objectives:  Bytheendofthelesson,the student should be able to: 
eKnown The conceptof branching inflowcharts. 
» Mention Solution steps for a program 
eDrawflow charts correctly 

Warmup: Whatdo we mean by branchi? 


@ The use of Branching (Decision) in Flowchart: - 

There are many problems that contain a question requires a Yes or No, or requires branching 
to other processes determined by flowchart. 

Exercise: - Drawaflowchartto printthe word "successful" Inthe case of the degree inputis 
greater than or equalto 50? 

First: Define the problem 

Output: printthe word Successful 

Input: thescoreX 

Solution: Ifthe value of Xis greater than or equal 50; the word "Successful" will be printed 


Second: Algorithm Third: Flowchart 


een ETD 


2-Enterx 


3-If X>=50 Then Yes 


4-1PrintSuccessful 


5-End 


Evaluation: Complete: The symbol ................................. is used to represent 


branching in flowcharts 
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Unit One (Problem Solving) 
Lesson (4) Following Branching 


Lesson objectives: By the end of the lesson, the studentshould be ableto: 
e Known The concept of branching in flowcharts. 
e Mention Solution steps for a program 
e Draw flow charts correctly 


Warm up: How can branching be used to printthe result of dividing two numbers 


LE Draw a flowchart for a program that will calculate the division of two numbers. if the divisor 
equals (zero), the message displays " undefined". 

First: Definethe problem 

Output: printthe result of dividing two number “R” or printthe word "undefined" 

Input: Numeratoris ണി”, denominatoris “num 2”. 

Solution: if num2-0 then print “undefined”, otherwise print the result of the division “R”. 


Second: Algorithm Third: Flowchart 


ടെ 
2- Enter the Numerator num] are Ws 
3-Ifnum2=0 Then 


3- Print “undefined” 
4-Gotostep7 
5-R=num1/num2 


6-PrintR 
7- End 


i 


Evaluation: Put(v) or(x):- 


Flowcharts help to easily understand the problem, analyze it and turn 
itinto a program( ) 
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nit One (Problem Solving) 
Lesson (5) Loonine 


Lesson objectives: Bytheendofthelesson, the student should be able to: 
e Known Theconceptof iterative loops in flowcharts. 
e Specify Solution steps fora program 
e Draw Flowcharts using iterative loops 

Warm up: How can loops be used? 


EI Draw aflowchartto Print out the numbers from 1to 3:- 
First: Define the problem 
Output:  printnumbers from 1to 3 
Input: number M 
Solution: printnumberM andincrementitby 1then continue printing until the 
value of M become greater than 3 


Second: Algorithm Third: Flowchart 
1- Start 
3- If M<=3 Then EEN 


! 


3-1PrintM yes 

3-2 M=M+1 No [പ്‌ 

3-3 Go Tostep (3) [Print /— 
4- End 


Evaluation: Put(~)or(x):- 
ram means ensuring thatthe programis Documenting the prog 
freefromerrors(  ) 
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Lesson objectives: . Bytheendofthelesson,the student should be able to: 
e Known The concept of iterative loops in flowcharts. 
e Specify Solution steps for a program 
e Draw Flowcharts using iterative loops 
Warmup: How can loops be used To print the sum ofthe integers 


from ട്ടം Presentation | 


6 Draw a flowchartto Print out the sum of integer numbers from 1to 3? 


Outputs:  - Findthe value ofthe sum ofthe numbers 1+ 2+ 3 
Input: Inputthe starting value -N = 1 
Enter the value ofSum = O 
Enter the value of the sumSum = Sum + N 
Enter the value of the increment -N=N+1 
Solution: PrintSumwhen thevalue of N=3 
When N > 3Therepeatstops 


Second: Algorithm Third: Flowchart 


1- Start 

2-N-1 

3- Sum- O0 

4- Sum- Sum « N 
5-N=N+1 


6- If N>3 Then 
6-1PrintSum 
7- Else 
71-1Gotostep 4 
8- End 


Evaluation: Put (V) or (x):- You can use any Geometric shape to represent Algorithm 
when drawing flow chart ( ) 
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Unit Two (Introduction to Visual Basic.net) 
Lesson (7) Following Looping 


Lesson objectives: By the end of the lesson, the student should be ableto: 
e Explain whatis meant by programming language 
e Identify the essence of Visual Basic.net 
e Identify the main components of IDE screen 


Warm up: How can the solution steps be converted into programming command 
that can be executed? 


Œ The language of visual Basic .net: Itis one of the high level programming languages and 
designed tobe easy to learn as its commands and instructions use English language vocabulary 
and it can be used in many applications such as:1- Windows applications 2- Web applications 
EI Programming and computer memory: Commands and instructions which are written in 
Visual Basic.net enable you to create objects in computer memory and every object has: 

1- Properties such as (size-color- font) of the text written on the program interface. 

2- Events suchas click onacommand button. 

3- Procedures, each one contains commands and instructions which are carried out 

when calling this procedure. 

So, the Visual Basic.net is considered: 

Object oriented as its programmes work through objects in computer Memory. 

Event Driven as commands and instructions are carried out as soon as certain event occurs. 

LL] The Framework.Net provides the following: 

* Libraries through which we create the objects. 

* Runtime environment (called Runtime) in computer memory where Applications produced 
by the language of Visual Basic.netlanguage work in. 

* Compilers which compile commands and instructions written in Programming language into 
machine code which the Computer deals with. 

Œ Visual Basic .Net IDE: 

The programmer of Visual Basic.net needs Integrated Development Environment ( IDE ) 

which provides tools and merits tothe programmer that help him create applications 
(windows - mobile - web.....). Visual Studio represents IDE. 

EA Some components of Integrated Development Environment IDE:- 

1- Form Window 2-ToolboxWindow 3-PropertiesWindow 4- Solution Explorer 


Evaluation: Complete: - IDE prefer to........................... 
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Lesson objectives: By the end of the lesson the student should be able to: 

e Explain what is meant by programming language. 

e Acquire Someconcepts forthe second chapter 

e Mention The mostimportant components of ascreen IDE 
Warm up: What are the most importanttopics of the second chapter? 


N| —  — . —  Quetin —  |Am 
The VB.net language is one of the high level languages. | ( 1) | 
The VB.net language is one of Event Driven languages. 


The VB.net language is the only high level language. 


The VB.net language is considered a high level language because it is easy to 
learn. 


The VB.net language is used in producing Windows applications and Web 
applications. 


- | The VB.net language can't be used in producing Windows applications 
Every Object is characterized by certain properties and certain behaviour 
when a certain event occurs on it. 

Events and procedures which belong to any object in VB.net language are 
called properties. 

The name, the size and colour of an object are all samples of events that can 
occur to the object in VB.net language. 

The name, the size and colour of an object are all samples of properties of 
some objects in VB.net language. 

The Events are the commands and instructions which are carried out when a 
certain procedure occurs to the object in VB.net language. 

The procedures are the commands and instructions which are carried out 
when a certain procedure occurs to the object in VB.net language. 

Pressing click and D-click are samples of some events that can occur to an 
object in VB.net language. 


Framework.net contains Compilers, libraries and runtime environment 


2 


= 


= 
p 
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Compilers are programmes that translate commands and instructions written 
by the programmer from the high level language into machine languag 


Evaluation: Evaluatestudents answers. 
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Unit Three (Controls) 
esson (9) Properties of control tools...FORM 


Lesson objectives: Bythe end ofthe lesson the student should be able to: 


e Recognize the Properties Window. 
e Choose the appropriate Property. 
e Choose the proper value forthe Property. 


Warm up: What are the most popular control tools in Visual Basic ? 
Lesson Presentation 

Form: Itisthe window on which the program interface is designed by placing 
various control tools on it, such as the button, label ,, text box, etc 
The Form has many properties which share in defining the form of program 
creen we wantto create. 
How to display the Properties window: - 

From theView menu Choose Properties Windows 

Press theF 4 key 

he controller and selectclick on t- Right Properties 

From the standard toolbar, select Properties Windows icon 


Here aresome properties of the Form: 


N Property Name Function 

1 Name Name of Form used in Code Window 

2 Text The appeared Text on the title bar ofthe Window 

3 Backcolor The background color of the Form. 

4 Rightto Left The direction of Controls on the form Window From Rightto Left. 

5 7 a oker The layout of Controls on the Formfromrightto left 

6 MinimizeBox It controls the appearance or disappearance of MinimizeBox of Form 
Window 

1 MaxlmizéBox It controls theappearance or disappearance of MaximizeBox of Form 
Window 

8 ControlBox It controls the appearance or disappearance of ControlBox of Form 


Window 
9 FormBorderStyle The Border style of Form Window 
10 | WindowState m eet ofthe Form (Maximizing, Minimizing or 


E Evaluation: X Complete:- ........................... Itisthe window on which the program's interface is 


designed by placing different controltools 
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nit Three (Controls) 
Lesson (10) Properties of control tools...button, label 
text box 


Lesson objectives: By the end of the lesson the student should be able to: 
e Differentiate between different controls 
e adjust The appropriate Property for each tool 


"൫: e Choose the appropriate value for the property 
E Warm up: Whatisthe difference betweenthe command button andthe text box ? 
ന aee aee s 
| : Lesson Presentation  : 
'* എ ക ese idm. l 
" ® . - Button: - Itis one of Controls which can be placed onthe Form. When you click it, it doesa 
re . certaintask. 
.. . വ | PropertyName | Function 
z a 1 | Location The location of placing Button on the Form. 
' v n 2 | Size Defining the height and width of Button onthe Form. 
"a 13 | Text The appeared Text on the Button 
>. 4 | BackColor Choosing the backColor of the Button. 
i (5 | Font Defining (shape size and style) of the Text font appeared on the Button. 
|. * |6 | ForeColor Choosing the ForeColorto the appeared Text on the Button 
4 


ചാ. - Itisatool used in showing a Text on the Form Window which can't be changed during 


$ 
program Runtime. 
Es N Property Function 
Name 
1 AutoSize The Size of the Label is defined automatically according to the written 
Text if the Value of property equals true. 

2 BorderStyle Choosing the Border Style of the Label 
LR! 
= 

= 


പി Textbox: - Itis a tool used to insert (input) data fromthe user during program run time. 


N | Property Name Function 
Itdefinesthe maximum number of letters which can be inserted in 
1 |Maxlength 
the TextBox 
It defines asymbol used instead of written text in case we havea 
2 | PasswordChar 
password. 
7 3 | Multiline Allows multiple lines within the text box control tool. 
* Evaluation: Complete: - Textbox control tool: is the only tool which has the 
Emm property................................ 
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Lesson (11) Properties of control tools... 
list box, combo box 


Bythe end ofthe lessonthe student should be ableto: 
e Distinguish between the list box and the combo box 
e Adjust The Appropriate Property for each tool 

e Mention Individual characteristics of each tool 


Whatis the difference between the list box and the combo box? 


 , QListBox:- Itshows alist of items. 


Dialogue and discussion -cooperative 
learning - practical learning 
Electronic board - Datashow 


N | Property Name Function 

1 Items Agroup of items showninthe ListBox 

2 |Sorted Itdefines whetherthe elements inthe list are sorted or not. 
3 | selectionMode It defines whether it is possible to choose one item or more 


shown inthe ListBox. 


OComboBox: -A ComboBox control displays a drop-down list from which one 


item can be selected. 


N | PropertyName 


Function 


1 Items 


A group of items which are shown in comboBox. 


AutoCompleteSource 


Itis a source of suggested items to select from. 


3 | AutoCompleteMode 


It defines the method of list completing process. 


Evaluation: 


Complete: - 


choose only oneitem 
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esson (12) Properties of control tools 
...group box, check box, Radio button 


Lesson objectives:  Bythe end ofthe lesson the student should be able to: 
e Distinguish between the group box and the radio button. 


T eAdjust The Appropriate Property for eachtool 
eRealizthe importance of programming languages 
1 Warm up: Whatisthe difference betweenthe list box and the combo 
x box? 
va ന നനന നന നു = 
, 2 E - Lesson Presentation 
é” 


:* © O Group Box: - Is used to group other controls of same function together onthe 
"i a! Form window. 
e 


» * » | Forecolor Choose the 


` Red color 


RightToLeft yes 


1 Ll] RadioButton: - The program user selects one alternative only. 


N Property Name Function 
1 Checked It shows whether RadioButton has been chosen or not. 
2 Text Itisthe Text shown on RadioButton 


LlCheckbox: -Itis used for placing some alternatives to enable the user to select 
one Checkbox or more as shown in Fiaure: 


* 


i adus, git cial 


om 7 


Evaluation: Combplete:- ..................... Is usedto group other controls of 
same function together onthe Form 
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UnitFour (Code Window) 
Lesson (13) Code Window 


Lesson objectives: By the end ofthe lesson the student should be able to: 
e Workwiththe Code window. 


"s e Define the Event Handler. 
e Adjust Controls’ Properties programmatically. 
Warm up: How can you write instructions and codes of the program? 
'* 4 - Lesson Presentation 


പ Visual Basic.NET language provides awindow through which we can 

write instructions and codes ofthe program called (code window) 

U To open the (Code Window) of (Form1) perform the following: 

1. Make sure that the window Form is active 

' 2.Fromthe keyboard press (FT) 

» പ The Code window is displayed as shown in the following figure: 

$^. U Code Window T 
Name ofthe file where codes are saved rum 

Name of the file where the Form window interface is saved 

The declaration of Class; its name is (Form1) 

Space between two lines; to type codes for the Class (Form1) 

The end of the class (form 1) 


$ 
» ü Event Handler: - It's a procedure which contains a code that is carried out 
when acorresponding event occurs. 
(1) Theprocedure name composed of (object name, event name). 


"ml 


uRUNM 


(2) Endofprocedureline. 

(3) Whatcauses the call ofthe procedure (event occurrence). © 

(4) Betweenthetwo lines shown; the code that will 
be executed on calling the procedure is written or EU s 
afterthe occurrence ofthe (Event). 

(5) Thedeclaration of the class line (frmSquare). 

(6) The end of (class) line. 

Evaluation:  Combplete:- ............... It’s a procedure which contains a code thatis carried out when 
a corresponding eventoccurs. 
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UnitFour (Code Window) 
Lesson (14) Programmatically set properties 


Lesson objectives: By the end of the lesson the student should be able to: 


e Mention The general form for setting the properties of tools 
programmatically. 


é> e Definewhatis meant bythe code window 
e Adjustthe properties of the control Programmatically 
Warm up: How can you setthe properties of the tools Programmatically? 
i 


~. U Setting the (Properties) programmatically 

.« « Youcanadjustthe properties using the following syntax: 

E a CONTROLNAME. PROPERTY = VALUE 
@ 


>. » LiSome exercises: - 


` — SettheText property ofthetool( Ibl Title ) so thatits value is “Egypt” 
. Lbl_Title.Text= "Egypt" 
— Setthe property( ForeColor ) ofthe tool( Ibl_Title ) so thatits value is( Blue). 
Lbl_Title. ForeColor = Color. Blue 
— Adjustthe(Font) property ofthe control tool( Lbl_Title ) so thatthe fonttype is 
"Arial" and the fontsize is 
Lbl_Title.Font= NewFont("Arial",30) 
— SettheVisible property the tool of( Ibl Title ) sothatits value is(False). 
Lbl Title. Visible = False 
URun the program -Program Testing Methods 
1- OpentheDebug menu Choosethe Start Debugging command 
2- OntheStandardtoolbar, select theStart Debuggingicon 
3- keyboard, pressthe OntheF5 key 
UiSave the project 
OpentheFile menu, choose the Save A!! command 


Evaluation: Complete: - To save a project Open the........... menu , choose 


കകക 
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Lesson (15) General Revision 


Lessonobjectives: By the end of the lesson the student should be ableto: 
e Explain whatis meant by programming language. 
e Acquire Someconcepts of what has been studied 


e MentionThemostimportant controls 
Warm up: Whatarethe most importantterms and conceptsthat you learned ? 
Be see oe de LE " 
Lesson Presentation 
Q1:Choosethecorrectanswerfromthebrackets — 
1- Itcontains ................... Controlsthat can beinserted ontheForm 


(Module -Properties window -Solution Browser window -Toolbox ) 
2- The computer only understands ...................... 
(control Box - Machine Language -Visual Basic - none of the above ) 
3- uted Each of them contains orders and instructions, which are exec .................. 
.when aspecific event occurs 
(Event -properties -Procedures -Form ) 
4- The effect of the feature .................. does not appear except in the operating mode 
(window State - Text - Font ) 
5- Tohide the ControlBox for the Form forthe ............... choose the value .Control 
Box property 
(None - False - True ) 
Q2: - Correct the underlined: 
Opens theCode Window We press theF 4 key 
2. The program is the last stage of solving the problem design 
3. Multiline characters that can be Specifies the maximum number of property 
typed into atextbox 
4. sorted property A set of items displayed on a List box. 
5. stage It means entering data whose results are known Program documentation 
before to find out about errors 


= 


Evaluation: answers ‘Evaluate students "ü 
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